.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.an{ background:url(/images/ga.png) no-repeat; background-position: center left; padding-left: 24px;}


/*导航*/
#mould85823{ width: 100%; background:rgba(255, 255, 255, 1);text-align: center; position: fixed; top: 0px; z-index: 999; box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
.navbars4{ width:1700px; margin:0 auto;}
.navbars4 .logo{ width:30%; height:auto; margin-top:16px;}
.navbars4 .phone{ float:right; margin-left:20px;}
.navbars4 .phone p{ font-size: 26px; line-height:30px; margin-top:35px; font-weight: bold; background:url(/images/phone.png) no-repeat center left; padding-left:34px; font-family:"arial";}
.navbars4 .btngsearch{ float:right; background:url(/images/sousuo.png) no-repeat center; background-size: 100%; width:22px; height:28px; display:block; margin: 35px 0 0 25px;}

.navbars4 li{ position:relative;z-index:9999;}
.navbars4 li>a{ font-size:18px;padding:0; position:relative; margin-right:20px; display: block; width: 100px; height: 45px; line-height: 42px;}
.navbars4 li:hover>a:after{ background-position:0 -9px;}
.navbars4 li.active>a:after{ background-position:0 -9px;}
.navbars4 li:hover>a{ background: #fff; color:#2f63a4;}
.navbars4 li.active>a{ background: #fff; color:#2f63a4; font-weight:bold;}
.navbars4 li .hide1{ width:140px; position:absolute; top:80px; left:-14px; background: #fff; padding:10px; box-sizing:border-box; border-radius:5px; display:none; box-shadow: 0 0 10px rgb(0 0 0 / 20%);}
.navbars4 li:hover .hide1{ display:block;}
.navbars4 li .hide1 a{ display:block; text-align:left;}
.navbars4 li:hover .hide1 a{ background: none; border-radius:none; color:#333; padding:0 10px; width:120px; box-sizing:border-box; line-height:42px; text-align:Center;}
.navbars4 li:hover .hide1 a:hover{ background: #2f63a4; border-radius:5px; color:#fff;}


.head-search{ width:100%; background:rgba(0,0,0,0.2); position: absolute; left:0; top:-200px; transition:.5s; z-index:9;}
.head-search div{ width:1200px; margin:30px auto; position:relative;}
.head-search input{
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
    font-size: 16px;
    transition:.5s;
    box-shadow:none;
    border: 2px solid #2f63a4;
    padding: 0 20px;
    box-sizing:border-box;
    margin-bottom:0;
}
.head-search a{ background:#2f63a4 url(/images/sousuo1.png) no-repeat center; width:60px; height:60px;display:block; position:absolute; right:0; top:0;}
.btn_active{ top:100px;}

/*轮播图*/
#mould85822{position:absolute;left:0px;top:0px;}
#mould85825 .banner1{position:relative;z-index: 100;}
#mould85825 .swiper-slide img{ height: 100vh;}
#mould85825 .swiper-pagination{ bottom:48px; z-index:99;}
#mould85825 .swiper-pagination-bullet{ background: #fff; opacity: 1; border-radius:4px;}
#mould85825 .swiper-pagination-bullet-active{ background: #fff;}


.width_1600{ width:1600px; margin:0 auto;}


/*简介*/
.about .title{margin: 0 auto;width: 726px;}
.about_a{margin-top: 50px;}
.about_a .about_left{width: 46%;float: left;}
.about_a .about_left b{font-size: 22px;margin-bottom: 10px;font-weight: 800;}
.about_a .about_left p{text-indent:2em;line-height:32px;margin-top: 44px;}
.about_a .about_left .since{margin-bottom: 10px;}
.about_a .about_right{float: right;width:50%;}
.about_a .about_right video{width:100%;}
.about .more{ margin:0 auto;width: 150px;display:block;line-height: 44px;text-align:Center; color:#2f63a4; border-radius:20px;background-color: #fff;margin-top: 560px;margin-bottom:-80px;}
.about .more:hover{box-shadow: 0px 0px 20px 6px rgb(47 99 164 / 50%);background-color:#2f63a4;color:#fff;}


/*产品*/
.product .title{width: 542px;margin: 0 auto;margin-top:10%;}
.product .product_nav{margin-top: 50px;}
.product .product_nav ul{width: 900px;margin: 0 auto;height: 56px;}
.product .product_nav li{float: left;width: 18%;line-height: 56px;font-size:20px;text-align:Center; color:#333;background-color: #fff;border: 1px solid #e5e5e5;margin-right: 20px;}
.product .product_nav li:nth-child(5){ margin-right:0;}
.product .product_nav li a{display:block;color: #2f63a4;margin: 0 auto;}
.product .product_nav li a:hover{background-color: #2f63a4;color: #fff;}
.product .product_nav li a.active{background-color: #2f63a4;color: #fff;}

.product .product_nav li a span{display: inline-block;width:35px;height: 35px;background: url(/images/product_nav.png) no-repeat;position: relative;top: 9px;margin-right: 0px;}
.product .product_nav li:hover:nth-child(1) span {background-position: 6px 3px;}
.product .product_nav li:hover:nth-child(2) span {background-position: -28px 3px;}
.product .product_nav li:hover:nth-child(3) span {background-position: -68px 3px;}
.product .product_nav li:hover:nth-child(4) span {background-position: -96px 3px;}
.product .product_nav li:hover:nth-child(5) span {background-position: -134px 3px;}
.product .product_nav li:nth-child(1) span {background-position: 6px -32px;}
.product .product_nav li:nth-child(2) span {background-position: -28px -33px;}
.product .product_nav li:nth-child(3) span {background-position: -68px -33px;}
.product .product_nav li:nth-child(4) span {background-position: -96px -34px;}
.product .product_nav li:nth-child(5) span {background-position: -134px -32px;}
.product .product_imgs{margin-top: 70px;margin-bottom:3%;display:none;}
.product .product_img{width: 1600px;margin: 0 auto;}
.product .product_img .chanpin{position: relative;overflow: hidden;float: left;width: 31.3%;height: 300px;margin-right: 2.8%;background-color: #fff;box-shadow: 0px 0px 15px 3px rgb(85 85 85 / 37%);}
.product .product_img .chanpin:nth-child(3){ margin-right:0;}

.product .more{ margin:0 auto;width: 150px;display:block;line-height: 44px;text-align:Center; color:#2f63a4; border-radius:20px;background-color: #fff;margin-bottom:80px;}
.product .more:hover{box-shadow: 0px 0px 20px 6px rgb(47 99 164 / 50%);background-color:#2f63a4;color:#fff;}
.product .product_imgs .chanpin h2{position: absolute;bottom: -48px;width: 100%;text-align: Center;font-size: 20px;line-height: 48px;color: #fff;background: rgba(47,99,164,0.8);transition: .5s;}
.product .product_imgs .chanpin:hover h2{bottom:0;}


/*案例*/

.case .title{width: 756px;margin: 0 auto;margin-bottom: 60px;}
.case .swiper-wrapper{ transition-timing-function:linear !important;}
.case .swiper-slide{overflow:hidden; margin-right:50px;}
.case .swiper-slide .img a{    width: 118.5%;;}
.case .more{ margin:0 auto;width: 150px;display:block;line-height: 44px;text-align:Center; color:#2f63a4; border-radius:20px;background-color: #fff;margin-top: 80px;margin-bottom:-70px;}
.case .more:hover{box-shadow: 0px 0px 20px 6px rgb(47 99 164 / 50%);background-color:#2f63a4;color:#fff;}


/*新闻*/
.news .title{width: 480px;margin: 0 auto;}
.news .news_a{height: 400px;background-color: #fff;padding: 50px 58px;margin-top:30px;}
.news .news_a ul{margin: 0 auto;}
.news .news_a ul li{float: left;width: 22%;margin-right: 4%;}
.news .news_a ul li:nth-child(4){ margin-right:0;}
.news .news_a ul li .heng{ position: relative;cursor: pointer;width: 100%;height: 6px;margin-bottom: 8%;background: #b3b3b3;}
.news .news_a ul li .heng:after,.news .news_a ul li .heng:before { content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #dcdcdc;z-index:-2;}
.news .news_a ul li:hover .heng{z-index:1;background:transparent;}
.news .news_a ul li:hover .heng:after,.news .news_a ul li:hover .heng:before{width: 100%;}
.news .news_a ul li:hover .heng:after {transition: .3s;background: #2f63a4;z-index:-1;}
.news .news_a ul li h3{font-size: 20px;font-weight:700;margin-bottom: 3%;color:#2f63a4!important;overflow: hidden;text-overflow: ellipsis;}
.news .news_a ul li .article{margin-bottom: 3%;}
.news .news_a ul li .article{width: 97%;line-height: 30px;color:#555!important;}
.news .news_a ul li .time{color:#646464;font-size: 14px;float: left;margin-bottom: 3%;}
.news .news_a ul li .look{color:#646464;font-size: 14px;float: right;}
.news .news_a ul li .img{display: block;width: 100%;height: 220px;}
.news .fenge .shu{float: left;width: 1px;height: 400px;background-color: #e5e5e5;margin-top: -450px;}
.news .fenge .shu:nth-child(1){margin-left: 26%;}
.news .fenge .shu:nth-child(2){margin-left: 50%;}
.news .fenge .shu:nth-child(3){margin-left: 74%;}
.news .more{ margin:0 auto;width: 150px;display:block;line-height: 44px;text-align:Center; color:#2f63a4; border-radius:20px;background-color: #fff;margin-top:30px;margin-bottom:-80px;}
.news .more:hover{box-shadow: 0px 0px 20px 6px rgb(47 99 164 / 50%);background-color: #2f63a4;color:#fff;}



.footer_b{ height:420px;width:1600px; margin:64px auto 0 auto; position:relative;}
.footer_b .footer_logo{ margin-bottom:48px;}
.footer_b .footer_logo img{ float:left;}
.footer_b .foot_share{ float:left;margin-left:50px;}
.footer_b .foot_share a{ width:50px; height:50px;margin-top: 5px; display:block; border-radius:50px; float:left; position:relative;}
.footer_b .foot_share a:nth-child(-n+2){ margin-right:24px;}
.footer_b .foot_share a:nth-child(1){ background:#ebebeb url(/images/sj1.png) no-repeat center;}
.footer_b .foot_share a:nth-child(2){ background:#ebebeb url(/images/wx1.png) no-repeat center;}
.footer_b .foot_share a:nth-child(3){ background:#ebebeb url(/images/dy1.png) no-repeat center;}
.footer_b .foot_share a:hover:nth-child(1){ background:#2f63a4 url(/images/sj2.png) no-repeat center;}
.footer_b .foot_share a:hover:nth-child(2){ background:#2f63a4 url(/images/wx2.png) no-repeat center;}
.footer_b .foot_share a:hover:nth-child(3){ background:#2f63a4 url(/images/dy2.png) no-repeat center;}

.footer_b .foot_share a div{ width:120px; height:120px; position:absolute; bottom:56px; left:50%; margin-left:-56px; box-shadow: 0 0 8px rgb(0 0 0 / 10%); transition:.5s; transform: scale(0); transform-origin: center bottom;}
.footer_b .foot_share a:hover div{ transform: scale(1); border-radius:6px; overflow:hidden;}

.footer_nav ul{ width:60%; float:right;}
.footer_nav li{ float:left; margin-right:10%;}
.footer_nav li:last-child{ margin-right:0;}
.footer_nav li h4{ font-size:20px; line-height:18px;  line-height:36px;margin-bottom:15px; font-weight:bold;}
.footer_nav li h4 a:hover{ color:#333;}
.footer_nav li h5{ line-height:36px;}
.footer_nav li h5 a:hover{ color:#215cae;}
.footer_nav .footer_txt{ width:30%; float:left;}
.footer_nav .footer_txt p{ line-height:36px;margin-bottom:4.5%;}

.copy_bg{ border-top:1px solid #ccc; width:100%; position:absolute;margin-top:20px;}
.copy_bg .fl{ float:left; line-height:60px;}
.copy_bg .fr{ float:right; line-height:60px;}
.copy_bg p{ }
.copy_bg p a{ }

@media (max-width:1880px){ 
  .navbars4{ width:93%;}
  .width_1600,.footer_b{ width:94%;}
  .navbars4,.navbars4 ul{ height:80px;}
  .navbars4 .logo{ width:420px; margin-top: 10px;}
  .navbars4 .phone{ margin-left:0;}
  .navbars4 .phone p{ margin-top:25px;}
  .navbars4 .btngsearch{ margin: 25px 0 0 15px;}
  .navbars4 li .hide1{ top:70px;}
  .btn_active{ top:80px;}
  .product .title {margin-top: 8%;}
  .footer_nav .footer_txt {width: 27%;}
  .footer_nav ul {width: 61%;}
}

@media (max-width:1680px){ 
  .navbars4{ width:93%;}
  .width_1600,.footer_b{ width:94%;}
  .navbars4,.navbars4 ul{ height:80px;}
  .navbars4 .logo{ width:23%; margin-top: 13px;}
  .navbars4 .phone{ margin-left:0;}
  .navbars4 .phone p{ margin-top:25px;}
  .navbars4 .btngsearch{ margin: 25px 0 0 15px;}
  .navbars4 li .hide1{ top:70px;}
  .btn_active{ top:80px;}
  .about_a {margin-top: 1%;}
  .about_a .about_left p {margin-top: 5%;}
  .about .title {margin-top: 5.5%;}
  .about .more {margin-top: 478px;margin-bottom: 30px;}
  .product .title {margin-top: 5.5%;}
  .product .product_nav {margin-top: 2%;}
  .product .product_imgs {margin-top: 3%;margin-bottom: 2%;}
  .news .news_a {padding: 20px 58px;margin-top: 10px;}
  .news .title {margin-top: 5%;}
  .news .more{margin-top:18px;margin-bottom:0;}
  .news .fenge .shu {height: 395px;margin-top: -420px;}
  .footer_nav .footer_txt {width: 27%;}
  .footer_nav ul {width: 62%;}
  .footer_nav .footer_txt p {margin-bottom: 5%;}
}
@media (max-width:1600px){ 
  .navbars4{ width:93%;}
  .width_1600,.footer_b{ width:94%;}
  .navbars4,.navbars4 ul{ height:80px;}
  .navbars4 .logo{ width:23%; margin-top: 13px;}
  .navbars4 .phone{ margin-left:0;}
  .navbars4 .phone p{ margin-top:25px;}
  .navbars4 .btngsearch{ margin: 25px 0 0 15px;}
  .navbars4 li .hide1{ top:70px;}
  .btn_active{ top:80px;}
  .about_a .about_left p {margin-top: 4%;}
  .about .title {margin-top: 8%;}
  .about .more {margin-top: 460px;margin-bottom: 30px;}
  .product .title {margin-top:6%;}
  .product .product_img .chanpin { width: 30.3%;}
  .news .fenge .shu {height: 382px;}
  .footer_nav .footer_txt {width: 28%;}
  .footer_nav ul {width: 65%;}
  .footer_nav li {margin-right: 8%;}
  .footer_nav .footer_txt p {margin-bottom: 5.5%;}
  
}
@media (max-width:1500px){
  .navbars4 .phone{ display:none;}
  .about_a .about_left p {margin-top: 1%;}
  .about_a .more{margin-top:500px;margin-bottom:-65px;}
  .product .product_img .chanpin {width: 27.5%;margin-right: 1.8%;}
  .news .news_a ul li .article {font-size: 15px;}
  .news .fenge .shu{height: 362px;}
  .news .fenge .shu:nth-child(1) {margin-left: 26%;}
  .news .fenge .shu:nth-child(2) {margin-left: 50%;}
  .news .fenge .shu:nth-child(3) {margin-left: 74%;}
  .footer_nav ul {width: 58%;}
  .footer_nav li {margin-right: 6%;}
  .footer_nav .footer_txt {width: 30%;}
  .footer_nav .footer_txt p {margin-bottom: 5.5%;}
}

@media (max-width:1440px){ 
  .navbars4 .logo{ width:27%; margin-top: 13px;}
  .about_a .about_left b {font-size: 20px;}
  .about_a .about_left p {line-height: 28px;}
  .about .title {margin-top: 12%;}
  .about .more{margin-top:444px;}
  .product .title {margin-top: 7%;}
  .product .product_img .chanpin {width: 27.3%;}
  .news .fenge .shu{height: 358px;}
  .footer_nav ul {width: 60%;}
  .footer_nav .footer_txt {width: 31%;}
 .footer_nav .footer_txt p {line-height: 36px;margin-bottom: 5%;}
}
@media (max-width:1400px){ 
  .about_a .about_left p {margin-top: 0.6%;}
  .product .product_img .chanpin {width: 25.3%;}
  .news .fenge .shu{height: 348px;}
}
@media (max-width:1360px){
  .about_a .about_left p {margin-top: 0.5%;}
  .about .title {margin-top: 7%;}
  .product .title {margin-top: 7%;}
  .product .more{margin-bottom:0px;}
  .product .product_img .chanpin {width: 25.3%;}
  .news .fenge .shu{height: 370px;}
  .news .news_a ul li .article {font-size: 14px;}
  .news .fenge .shu:nth-child(1) {margin-left: 26.4%;}
  .news .fenge .shu:nth-child(3) {margin-left: 73.6%;}
  .footer_nav ul{ width:54%;}
  .footer_nav .footer_txt {width: 25%;}
  .news .fenge .shu{height: 338px;}
  .footer_b .footer_logo img {width: 28%;}
  .footer_nav ul {width: 68%;margin-top: -4%;}
  .footer_nav ul li{ margin:4%;}
  .footer_nav .footer_txt p {margin-bottom: 1%;}
}